<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <link rel="stylesheet" href="./css/index.css" />
    <script src="./js/echarts.min.js"></script>
  </head>
  <body>
    <!-- 测试文件(index)  的大盒子 1440-->
    <div class="index-box">
      <div class="index-top">
        <!-- 居中的小盒子 1140px -->
        <div class="index-mibox topbox">
          <div class="top-left logos">LOGO</div>
          <div class="top-right">
            <a href="javascript:;" class="icon"
              ><img src="./image/icon1.png" alt=""
            /></a>
            <a href="javascript:;" class="icon"
              ><img src="./image/icon2.png" alt=""
            /></a>
            <a href="javascript:;" class="top-right-t logos"> Log Out </a>
          </div>
        </div>
      </div>
      <!-- 中间第一块 -->
      <div class="index-onemedi index-mibox">
        <div class="oneemedi-l">
          <span class="span1">Audience Overview</span>
          <span class="span2">Roseville,CA</span>
        </div>
        <div class="oneemedi-r">
          <a href="javascript:;" class="right-a hoverr-a">DASHBOARD</a>
          <a href="javascript:;" class="right-a">PROJECTS</a>
          <a href="javascript:;" class="right-a">CALENDAR</a>
          <a href="javascript:;" class="right-a">MALENDAR</a>
          <a href="javascript:;" class="right-a">SETTINGS</a>
        </div>
      </div>
      <!-- 第二快 -->
      <div class="index-towmedi index-mibox">
        <div class="main w towmedi-r">
          <div class="focus">
            <!-- 左边按钮 -->
            <a class="arrow-left">&lt;</a>
            <!-- 右边按钮 -->
            <a class="arrow-right">&gt;</a>
            <!-- 轮播图部分 -->
            <ul>
              <li>
                <a><img src="./image/carousel/4.jpg" alt="" /></a>
              </li>
              <li>
                <a"><img src="./image/carousel/1.jpg" alt="" /></a>
              </li>
              <li>
                <a><img src="./image/carousel/2.jpg" alt="" /></a>
              </li>
              <li>
                <a><img src="./image/carousel/3.jpg" alt="" /></a>
              </li>
              <!-- 这一张的作用是为了后面做无缝链接 -->
              <li>
                <a><img src="./image/carousel/4.jpg" alt="" /></a>
              </li>
            </ul>
            <!-- 下面小圆点部分 -->
            <ol class="circle"></ol>
          </div>
        </div>
        <!-- 外框560*290 -->
        
          <div class="towmedi-r">
            <div class="r-top">
              <div class="r-top1 wr">
                <span>Support Requests</span>
                <a href="javascript:;">View All</a>
              </div>
            </div>
            <div class="r-bom">
              <!-- 标题 -->
              <div class="r-title wr">
                <div>
                  <span>TIME</span>
                  <span class="r-t1">USER NAME</span>
                </div>
                <div>STATUS</div>
              </div>
              <div class="r-title wr">
                <div class="r-titletop">
                  <span>9:45pm</span>
                  <span class="r-t1">info@design.com</span>
                </div>
                <a href="javascript:;">Solved</a>
              </div>
              <div class="r-title wr">
                <div class="r-titletop">
                  <span>9:45pm</span>
                  <span class="r-t1">info@design.com</span>
                </div>
                <a href="javascript:;">Solved</a>
              </div>
            </div>
         
        </div>
        
      </div>

      <div class="index-three index-mibox">
        <div
          class="ipage-chart-send"
          style="height: 342px; width: 1140px"
        ></div>
      </div>
      <div class="index-four index-mibox">
        <!-- 570px 380px -->
        <div class="four-l">
          <div class="four-echarts"></div>
        </div>
        <!-- 570px 380px -->
        <div class="four-l">
          <div class="four-echart2"></div>
        </div>
      </div>
    </div>
  </body>

  <script src="./js/index.js"></script>
</html>
